// interface GroupItem {
//   title: string; // 社团标题
//   icon: string; // 社团图标
//   color: string;
//   desc: string; // 社团描述
//   date: string;
//   group: string;
//   id: string;
//   manager: object; // 社团管理员信息
//   list: object; // 社团成员信息
//   total: number; // 社团人数
//   recruit: boolean; // 是否招聘
// }

interface NavItem {
  title: string;
  icon: string;
  color: string;
}

interface DynamicInfoItem {
  avatar: string;
  name: string;
  date: string;
  desc: string;
}

export const navItems: NavItem[] = [
  {
    title: '首页',
    icon: 'ion:home-outline',
    color: '#1fdaca',
  },
  {
    title: '仪表盘',
    icon: 'ion:grid-outline',
    color: '#bf0c2c',
  },
  {
    title: '组件',
    icon: 'ion:layers-outline',
    color: '#e18525',
  },
  {
    title: '系统管理',
    icon: 'ion:settings-outline',
    color: '#3fb27f',
  },
  {
    title: '权限管理',
    icon: 'ion:key-outline',
    color: '#4daf1bc9',
  },
  {
    title: '图表',
    icon: 'ion:bar-chart-outline',
    color: '#00d8ff',
  },
];

export const dynamicInfoItems: DynamicInfoItem[] = [
  {
    avatar: 'dynamic-avatar-1|svg',
    name: '威廉',
    date: '刚刚',
    desc: `在 <a>开源组</a> 创建了项目 <a>Vue</a>`,
  },
  {
    avatar: 'dynamic-avatar-2|svg',
    name: '艾文',
    date: '1个小时前',
    desc: `关注了 <a>威廉</a> `,
  },
  {
    avatar: 'dynamic-avatar-3|svg',
    name: '克里斯',
    date: '1天前',
    desc: `发布了 <a>个人动态</a> `,
  },
  {
    avatar: 'dynamic-avatar-4|svg',
    name: 'Vben',
    date: '2天前',
    desc: `发表文章 <a>如何编写一个Vite插件</a> `,
  },
  {
    avatar: 'dynamic-avatar-5|svg',
    name: '皮特',
    date: '3天前',
    desc: `回复了 <a>杰克</a> 的问题 <a>如何进行项目优化？</a>`,
  },
  {
    avatar: 'dynamic-avatar-6|svg',
    name: '杰克',
    date: '1周前',
    desc: `关闭了问题 <a>如何运行项目</a> `,
  },
  {
    avatar: 'dynamic-avatar-1|svg',
    name: '威廉',
    date: '1周前',
    desc: `发布了 <a>个人动态</a> `,
  },
  {
    avatar: 'dynamic-avatar-1|svg',
    name: '威廉',
    date: '2021-04-01 20:00',
    desc: `推送了代码到 <a>Github</a>`,
  },
];

export const groupItems = [
  {
    title: '图文信息中心',
    icon: 'carbon:logo-github',
    color: '',
    desc: '不要等待机会，而要创造机会。',
    group: '开源组',
    date: '2021-04-01',
    id: '1',
    manager: { name: '张三', age: 18, id: '101' },
    list: [{ name: '张三', age: 18, id: '101' }],
    total: 58,
  },
  {
    title: '学生社团',
    icon: 'ion:logo-vue',
    color: '#3fb27f',
    desc: '现在的你决定将来的你。',
    group: '算法组',
    date: '2021-04-01',
    id: '2',
    manager: { name: '张三', age: 18, id: '101' },
    list: [{ name: '张三', age: 18 }],
    total: 58,
  },
  {
    title: '后勤部',
    icon: 'ion:logo-html5',
    color: '#e18525',
    desc: '没有什么才能比努力更重要。',
    group: '上班摸鱼',
    date: '2021-04-01',
    id: '3',
    manager: { name: '张三', age: 18, id: '101' },
    list: [{ name: '张三', age: 18 }],
    total: 58,
  },
];


// const st = function() {
//   const sr= [<template>
//   <div>
//     <!-- <a-table :loading="true" /> -->
//     <a-button type="primary" @click="showDrawer">Open</a-button>
//     <a-drawer
//       title="选择社团"
//       placement="top"
//       :closable="false"
//       v-model:visible="visible"
//       :after-visible-change="afterVisibleChange"
//     >
//     <a-table :columns="columns" :data-source="data"></a-table>
   
//         <a-form-item style="width: 30%;">
//           <a-select placeholder="please select your zone">
//             <a-select-option value="shanghai"></a-select-option>
//           </a-select>
//         </a-form-item>


//     </a-drawer>
//   </div>
// </template>]
// }

// console.log('props', props.data);
// const visible = ref<boolean>(false);

// const afterVisibleChange = (bool: boolean) => {
//   console.log('visible', bool);
// };

// const showDrawer = () => {
//   visible.value = true;
// };
// const columns = [
//   { title: '社团选择', dataIndex: 'deptname' },
//   { title: '姓名', dataIndex: 'name' },
//   { title: '加入理由', dataIndex: 'AddReason' },
// ];
// interface DataItem {
//   key?: Number | String | undefined | null;
//   deptname?: String | Object;
//   name: Number | String;
//   AddReason: String | Object | any;
// }
// const data: DataItem[] = [
//   {
//     deptname: 'John Brown',
//     name: '郭峰',
//     AddReason: 'New York No. 1 Lake Park',
//   },
// ];
// return {
//   visible,
//   afterVisibleChange,
//   showDrawer,
//   data,
//   columns,
// };